<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link
	rel="stylesheet"
	href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<script>
	// console.log(1);
	// // 宏任务 
	// setTimeout(()=>{
	// 	console.log(2);
	// },0);
	// console.log(3);
</script>
</head>
<body>
	<h1 class="animate__animated animate__bounce">An animated element</h1>
	<h1 class="animate__animated animate__wobble">An animated element</h1>
	<h1 class="animate__animated animate__backInRight">An animated element</h1>
	<h1 class="animate__animated animate__bounceIn">An animated element</h1>

</body>
</html>